<template>
  <div>

    <!-- 确定框
      this.$confirm('确定框的内容','标题',{
        // 配制
        确定按钮文本内容
        取消按钮的文本内容
        type:图标样式
      }).then(()=>{
        // 点击确定后要执行的代码
      }).catch(()=>{
         // 点击取消后要执行的代码
      })
     -->

    <el-button @click="btnClick">确定框</el-button>
  </div>
</template>
<script>
export default {
  created() {
    // console.log('userId:', this.$store.state.user.userInfo.userId)
    // console.log(this.$store.dispatch('user/getUserInfo'))
  },
  methods: {
    async  btnClick() {
      // this.$confirm('你确定退出该网站吗', '温馨提示', {
      //   cancelButtonText: '点错了',
      //   confirmButtonText: '确定退出',
      //   type: 'warning'
      // }).then(() => {
      //   console.log('这次真的退出了')
      // }).catch(() => {
      //   console.log('别乱点')
      // })
      // try {
      await this.$confirm('你确定退出该网站吗', '温馨提示', {
        cancelButtonText: '点错了',
        confirmButtonText: '确定退出',
        type: 'warning'
      })
      console.log('这次真的退出了')
      // } catch {
      //   console.log('别乱点')
      // }
    }
  }
}
</script>
<style>
</style>
